<template>
	<view>
		<page-head :title="'模拟考试'" :headtype="2"></page-head>
		<view class="cate marginAuto">
			<view class="cateeach flex">
				<view class="cateeachtitle">考试类型</view>
				<view class="cateeachtxt">{{ type }}</view>
			</view>
			<view class="cateeach flex">
				<view class="cateeachtitle">考试标准</view>
				<view class="cateeachtxt">45分钟，共100题</view>
			</view>
			<view class="cateeach flex">
				<view class="cateeachtitle">合格标准</view>
				<view class="cateeachtxt" v-if="subject == 1">90分及格(满分100分)</view>
				<view class="cateeachtxt" v-if="subject == 4">80分及格(满分100分)</view>
			</view>
		</view>
		<view class="footerbtn marginAuto" style="width:600rpx;">
			<uv-button text="开始考试" @click="startfun()" :customStyle="{
				'background':'#1686F8',
				'color':'#fff',
				'font-size':'30rpx',
				'width':'600rpx',
				'height':'100rpx',
				'border-radius':'100rpx'
			}"></uv-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				apifun:this.apifun,
				type:'',
				subject:''
			};
		},
		onLoad(option) {
			this.type = option.type;
			this.subject = option.subject;
		},
		methods: {
			startfun(){
				this.apifun.navigate('/pages/driving/expaper','type='+this.type+'&subject='+this.subject);
			}
		},
	};
</script>

<style scoped lang="scss">
	.cate{
		width: 650rpx;
		padding:0 20rpx;
		background:#fff;
		border-radius: 20rpx;
		margin-top: 20rpx;
		.cateeach{
			justify-content: space-between;
			padding: 20rpx 0;
			line-height: 60rpx;
			border-bottom: 1px solid #F9F9F9;
			.cateeachtitle{
				color: #666666;
				font-size: 30rpx;
			}
			.cateeachtxt{
				color: #333333;
				font-size: 30rpx;
			}
		}
	}
	.footerbtn{
		position: fixed;
		left: 50%;
		margin-left:-300rpx;
		bottom:80rpx;
	}
</style>